page{
    background:#f8fafc;
}
.live{
    background:#fff;
    width:94%;
    margin:30rpx auto;
    padding:0 0 20rpx;
    box-sizing: border-box;
    border-radius: 20rpx;
    box-shadow: 0 0 20rpx 6rpx rgba(100, 100, 100, 0.1);
    overflow:hidden;
    // .cell{
    //     font-size:32rpx;
    //     border-radius: 20rpx;
    //     .title{
    //         font-size:26rpx;
    //     }
    // }
    // .cell::after{
    //     border:none;
    // }

    .title{
        padding:0 30rpx;
        margin:30rpx 0;
        display:flex;
        justify-content: space-between;
        align-items: center;
        .l{
            display:flex;
            align-items: center;
            font-size:40rpx;
            .icon_box{
                width:100rpx;
                height:30rpx;
                font-size:20rpx;
                color:#fff;
                background:#ff3c82;
                border-radius: 4rpx;
                margin-left:10rpx;
                display: flex;
                align-items: center;
                .live_icon{
                    width:36rpx;
                    height:36rpx;
                    overflow: hidden;
                    position: relative;
                    image{
                        vertical-align: top;
                        width:126px;
                        height:30rpx;
                        position:absolute;
                        top:0;
                        animation:meta .6s steps(6) infinite;
                    }
                }
            }
        }
        .r{
            font-size:26rpx;
            display: flex;
            align-items: center;
            image{
                width: 12rpx;
                height:24rpx;
                margin-left:10rpx;
            }
        }
    }
    .list{
        display: flex;
        justify-content: space-evenly;
        .item{
            width:200rpx;
            height:200rpx;
            background:tomato;
            border-radius: 10rpx;
            overflow: hidden;
            image{
                width:100%;
                height:100%;
            }
        }
    }
    
}
@keyframes meta {
    0%{
        left: 0;
    }
    100%{
        left: -108px;
    }
}

.hots{
    width:94%;
    margin:20rpx auto;
    .hot_title{
        font-size:46rpx;
        .tit2{
            font-size:20rpx;
            margin-left:20rpx;
        }
    }
    .list{
        display: flex;
        flex-wrap:wrap;
        justify-content: space-between;
        .item{
            width:48%;
            background:#fff;
            margin-top:20rpx;
            border-radius: 10rpx;
            box-shadow: 0 0 20rpx 6rpx rgba(100, 100, 100, 0.1);
            overflow: hidden;
            image{
                width:100%;
                height:320rpx;
                background-color: tomato;
            }
            .title{
                padding:16rpx;
                .text{
                    font-size:26rpx;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow:hidden;
                }
                .price{
                    font-size:30rpx;
                    font-weight: bold;
                    color:tomato;
                    margin-top:10rpx;
                }
                .kan{
                    font-size:20rpx;
                    color:#515151;
                    display: inline-block;
                    padding:4rpx 14rpx;
                    border:4rpx solid #aaa;
                    border-radius: 20rpx;
                    margin:30rpx 0 0 210rpx;
                }
            }
        }
    }
}
.footer{
    font-size:24rpx;
    text-align: center;
    margin: 30rpx;
}